<!--<div class="engMainnav-container" ng-include="'app/business/home/templates/engMainNavation.html'"></div>-->
<div class="f-navMain-pageAll" style="background:#fff">
<div class="f-career-plan-conatiner">
    <div class="f-carplan-nav">
        <a ng-click="goTo('eng.careerPlanMain')">首页</a>
        <a > > </a>
        <a ng-click="goTo('eng.careerPlanMain')">职业规划体系</a>
        <a > > </a>
        <a ng-bind="model.plannHier.hierName"> </a>
    </div>
    <div class="f-carpplan-summary clearfix">
        <img ng-src="{{model.plannHier.previewPath}}" style="width: 220px;height:140px;" alt=""/>
        <div class="f-careplan-summary-title">
            <div class="f-careplan-summary-title-up clearfix">
                <p style="font-size:20px;margin-right:20px;line-height:25px;" ng-bind="model.plannHier.hierName"></p>
                <p style="font-size:16px; line-height:25px;" ng-bind="model.plannHier.title"></p>
            </div>
            <div class="f-careplan-summary-title-down" ng-bind="model.plannHier.introduction">
            </div>
        </div>
        <div class="f-careplan-summary-resources">
            <div class="f-carpplan-summary-resources-up clearfix">
                <!--<p class=""><span>工程课程：</span><span class="addRedColor" ng-bind="model.plannHier.courseCount"></span><span>个</span></p>-->
                <p class=""><span>工程资料：</span><span class="addRedColor" ng-bind="model.plannHier.fileCount"></span><span>个</span></p>
                <!--<p class=""><span>工程技能：</span><span  class="addRedColor" ng-bind="model.plannHier.skilCount"></span><span>个</span></p>-->
                <p class=""><span>相关提问：</span><span  class="addRedColor" ng-bind="model.plannHier.postbarCount"></span><span>个</span></p>
            </div>
            <div class="f-carpplan-summary-resources-down">
              <a ng-click="goTo('eng.iask')"></a>
            </div>
        </div>
    </div>
    <div class="f-carpplan-process" style="position: relative;">
        <a ng-click="goToAnchor('anchor-rumen')" style="position:absolute;left: 74px; " ng-class="isAccessProcess?'process-current':'process-normal'"></a>
        <a ng-click="goToAnchor('anchor-jinjie')" style="position:absolute;left: 585px;" ng-class="!isAccessProcess?'process-current':'process-normal'"></a>
    </div>
    <div class="f-carpplan-content" id="anchor-rumen">
        <div class="f-career-plan-classify">
            <p class="classify-title">入门</p>
            <p class="classify-introduce">适合刚入职场的小白</p>
        </div>
        <div class="f-career-plan-classify-pic-part">
            <img src="them/images/chacha.png" alt=""/>
        </div>
        <div class="singal-table-container clearfix">
            <div  ng-if="fileConf1" ui-classtable table-conf="fileConf1"></div>
        </div>
        <!--<div class="double-table-container clearfix">-->
            <!--<div  ng-if="skillConf1" ui-classtable table-conf="skillConf1"></div>-->
            <!--<div class="center-line clearfix"></div>-->
            <!--<div  ng-if="courseConf1" ui-classtable table-conf="courseConf1"></div>-->
        <!--</div>-->
        <div class="table-info-stream-container">
            <div class="table-stream-up clearfix">
                <img src="them/images/question_mark_inc.png" alt=""/>
                <div class="table-stream-up-center">
                    <div class="table-stream-up-center-title-up">
                        <a >【<span ng-bind="model.plannHier.hierName"></span>最新答疑】</a>
                        <a style="color:#000" ng-bind="bostbarTitle.title" ng-click="goBostbar(bostbarTitle)"></a>
                        <a ng-bind="bostbarTitle.time | formateTime"></a>
                    </div>
                    <div class="table-stream-up-center-title-down" style="margin-top:10px;" ><a ng-bind-html="bostbarTitle.content" ng-click="goBostbar(item)"></a></div>
                </div>
                <div class="table-stream-up-right clearfix">
                    <img style="float:left" src="them/images/book.png" alt=""/>
                    <a class="center-a" ng-click="goTo('eng.wikilist')"><span>{{model.plannHier.hierName}}</span><span>问题汇总</span></a>
                    <img  style="float:right; margin-left:20px;margin-top:10px;" src="them/images/table-stream-up-right.png" alt=""/>
                </div>
            </div>
            <div class="table-stream-down clearfix">
                <div  ng-repeat="item in bostbarList  track by $index" class="table-stream-down-p"><span style="color:#666460">[<span ng-bind="item.replyCount"></span>个回答]</span><span  ng-bind="item.title|getRightHome2"></span></div>
            </div>
            <div class="table-stream-loadmore" ng-if="totalQuestion1 != bostbarList.length+1">
                <img class="table-stream-loadmore-btn" ng-click="loadMoreList(1)" src="them/images/nextPage.png" alt=""/>
            </div>
        </div>
    </div>
    <div class="f-carpplan-content">
        <div class="f-career-plan-classify" id="anchor-jinjie">
            <p class="classify-title">进阶</p>
            <p class="classify-introduce">进一步提升，包括知识体系深化及技能提升</p>
        </div>
        <div class="f-career-plan-classify-pic-part">
            <img src="them/images/chacha.png" alt=""/>
        </div>
        <div class="singal-table-container clearfix">
            <div  ng-if="fileConf2" ui-classtable table-conf="fileConf2"></div>
        </div>
        <!--<div class="double-table-container clearfix">-->
            <!--<div  ng-if="skillConf2" ui-classtable table-conf="skillConf2"></div>-->
            <!--<div class="center-line clearfix"></div>-->
            <!--<div  ng-if="courseConf2" ui-classtable table-conf="courseConf2"></div>-->
        <!--</div>-->
        <div class="table-info-stream-container">
            <div class="table-stream-up clearfix">
                <img src="them/images/question_mark_inc.png" alt=""/>
                <div class="table-stream-up-center">
                    <div class="table-stream-up-center-title-up">
                        <a >【<span ng-bind="model.plannHier.hierName"></span>最新答疑】</a>
                        <a style="color:#000" ng-bind="bostbarTitle2.title" ng-click="goBostbar(bostbarTitle2)"></a>
                        <a ng-bind="bostbarTitle2.time | formateTime"></a>
                    </div>
                    <div class="table-stream-up-center-title-down" style="margin-top:10px;" ><a ng-bind-html="bostbarTitle2.content" ng-click="goBostbar(item)"></a></div>
                </div>
                <div class="table-stream-up-right clearfix">
                    <img style="float:left" src="them/images/book_green.png" alt=""/>
                    <a class="center-a-green" ng-click="goTo('eng.wikilist')"><span>{{model.plannHier.hierName}}</span><span>问题汇总</span></a>
                    <img  style="float:right; margin-left:20px;margin-top:10px;" src="them/images/table-stream-up-right.png" alt=""/>
                </div>
            </div>
            <div class="table-stream-down clearfix">
                <div  ng-repeat="item in bostbarList2  track by $index" class="table-stream-down-p"><span style="color:#666460">[<span ng-bind="item.replyCount"></span>个回答]</span><span  ng-bind="item.title" ng-click="gotoDetail(item)"></span></div>
            </div>
            <div class="table-stream-loadmore">
                <img class="table-stream-loadmore-btn" ng-click="loadMoreList(2)" src="them/images/nextPage.png" alt=""/>
            </div>
        </div>
    </div>
</div>
</div>

<!--<div insert-img></div>-->
<div ng-include="'app/business/common/footer.html'"></div>
<style>
    /***/
    .table-stream-down-p span{
        cursor: pointer;
    }
    .process-current{
        top: 0px;
        width:32px ;
        height: 33px;
        background:url("them/images/compImages/process-1.png") no-repeat
    }
    .process-normal{
        top: 14px;
        width: 23px;
        height: 22px;
        background:url("them/images/compImages/process-2.png") no-repeat
    }
    /*******类表格数据样式设定********/
    .double-table-container{
        width:100%;
        border:1px solid #ddd;
    }
    .singal-table-container{
        width:100%;
        min-height:220px;
        border:1px solid #ddd;
        border-top:none;
    }
    /*表格下数据流展示框框设定*/
    .table-info-stream-container{
        width:1160px;
        padding:20px 20px 15px 20px;
        border:1px solid #ddd;
        border-top:none;
    }
    .table-stream-up{
        height:70px;
        width:100%;
    }
    .table-stream-up img{
        width:30px;
        height:30px;
        float:left;
    }
    .table-stream-up  .table-stream-up-center{
        float:left;
        margin-left:30px;
    }
    .table-stream-up  .table-stream-up-right{
        float:right;
        display: none;
    }

    /********************************/
    .addRedColor{
        padding-right:5px;
        font-size: 18px;
        color: #C75839;
        font-weight: bold;
    }
    /*上部  样式设定*/
    .f-career-plan-conatiner{
        width:1200px;
        margin:0 auto;
        margin-top:40px;
    }
 .f-carplan-nav{
     width: 100%;
     height:40px;
     padding-left: 20px;
 }
    .f-carplan-nav a{
        display:block;
        float:left;
        line-height: 20px;
        margin-right: 10px;
    }

    .f-carpplan-summary{
        height:180px;
        padding:40px 20px;
        border:1px solid #ddd;
    }
    .f-carpplan-summary img ,.f-carpplan-summary .f-careplan-summary-title{
        float:left;
    }
    .f-careplan-summary-title{
        margin-left:30px;
    }
    .f-careplan-summary-title-up p{
        float:left;
    }
    .f-careplan-summary-title-down {
        margin-top: 20px;
        max-width: 400px;
        max-height: 100px;
        overflow:hidden;
    }

    .f-careplan-summary-resources{
        width:400px;
        float:right;
        font-size: 14px;
    }
    .f-carpplan-summary-resources-up p{
        width:200px;
        height:40px;
        float:left;
    }
    .f-carpplan-summary-resources-down a {
         display:block;
         width: 120px;
         height: 40px;
         background: url(them/imag/iWantAsk.png) no-repeat center center;
         float: right;
     }
/*f-carpplan-process 样式设定*/
    .f-carpplan-process{
        width:100%;
        height:84px;
        background: url("them/images/process_inc.png") no-repeat;
        margin-top: 50px;
        margin-bottom:50px;
    }
    .f-career-plan-classify-pic-part{
        width:100%;
        height:39px;
    }
    .f-career-plan-classify-pic-part img{
        margin:0 auto;
        display: block;
    }
    /*f-carpplan-content 样式设定*/
    .f-carpplan-content{
        width:100%;
    }
    .f-career-plan-classify p{
        width: 300px;
        text-align:center;
     margin:0 auto;
    }
    .f-carpplan-content .classify-title{
        font-weight: bold;
        line-height: 35px;
        font-size: 20px;
    }
    .f-carpplan-content .classify-introduce{
        line-height: 30px;
        color:#666460;
        font-size: 14px;
    }
    .center-line{
        width: 1px;
        float:left;
        border-right: 1px solid #ddd;
        height:100%;
    }
    .center-a{
        float: left;
        diplay: block;
        font-size: 20px;
        line-height: 20px;
        padding-top: 9px;
        margin-left: 10px;
        color: #00A4FE;
        text-decoration: underline;
    }
    .center-a-green{
        float: left;
        diplay: block;
        font-size: 20px;
        line-height: 20px;
        padding-top: 9px;
        margin-left: 10px;
        color: #E37356;
        text-decoration: underline;
    }
    .table-stream-up-right a:hover{
        text-decoration: underline;
    }
    .table-stream-up-center-title-up a{
        font-size:14px;
    }
    .table-stream-down{
        width:1160px;
    }
    .table-stream-down div{
        width:47%;
        height:30px;
        float:left;
        padding-left: 30px;
        margin-top: 10px;
    }
    .table-stream-loadmore{
        margin-top:30px;
    }
    .table-stream-loadmore-btn{
        width:30px;
        height:20px;
        display: block;
        margin:0 auto;
        cursor: pointer;
    }



</style>